@tailwind base;
@tailwind components;
@tailwind utilities;

*,
::before,
::after {
    border-color: var(--color-neutral-3);
}

body,
.cet-titlebar .cet-drag-region,
.cet-titlebar .cet-resizer,
.cet-titlebar .cet-icon,
.cet-titlebar .cet-menubar,
.cet-titlebar .cet-title,
.cet-titlebar .cet-window-controls {
    color: var(--color-text-1);
    background-color: var(--color-bg-1);
}

.cet-titlebar .cet-window-controls svg {
    fill: var(--color-text-1) !important;
}

.arco-scrollbar-track-direction-vertical {
    width: 0.75rem !important;
}

.arco-scrollbar-thumb-bar {
    width: 0.45rem !important;
    margin: 0 0 0 0.25rem !important;
}

.progress-bg {
    background-color: rgba(250, 250, 250, 0.6);
}

.content-h {
    height: calc(100vh - 30px);
}

.cet-control-icon.inactive {
    display: none;
}

.cet-menubar {
    margin-right: 0 !important;
}

.cet-title-left {
    margin-left: 0 !important;
}

.cet-title {
    font-weight: 600;
}

.cet-control-minimize:hover,
.cet-control-maximize:hover {
    background-color: rgb(0 0 0 / 0.08) !important;
}

body[arco-theme="dark"] {

    .cet-control-minimize:hover,
    .cet-control-maximize:hover {
        background-color: rgb(255 255 255 / 12%) !important;
    }
}

.tabs-h-full .arco-tabs-content-list,
.tabs-h-full .arco-tabs-pane {
    height: 100%;
}

.arco-btn-status-text {
    color: var(--color-text-2) !important;
}